@import "../sassmixins/mixins";
@import "../cdn/myreset.min.css";

html, body {
  width: 100%;
  height: 100%;
  background: #f3f3f3;
}

.img-box {
  width: 100%;
  img {
    width: 100%;
    height: 30%;
  }
}



.title {
  background: #ffffff;
  width: 100%;
  padding-top: px2rem(10px);
  display: -webkit-box;
  //  -webkit-box-pack:justify;
  .content {
    -webkit-box-flex: 1;
    box-sizing: border-box;
  }
  .left {
    padding-left: px2rem(20px);
    .name {
      line-height: px2rem(45px);
      font-size: px2rem(30px);
    }
    .detail {
      font-size: px2rem(22px);
      line-height: px2rem(40px);
      color: #b0b0b0;
    }
    padding-top: px2rem(10px);
    padding-bottom:px2rem(10px);
  }
  .right {
    width: px2rem(80px);
    display: -webkit-box;
    -webkit-box-pack:justify;
    padding-right: px2rem(20px);
    -webkit-box-align:center;
    .price {
      font-size: px2rem(26px);
    }
    .basePrice {
      color: #cfcfcf;
      text-decoration: line-through;
    }
    .salePrice {
      color: #f89f49;
    }
  }
}

.institutionName{
  margin: px2rem(10px) 0;
  background: #ffffff;
  font-size: px2rem(30px);
  height: px2rem(96px);
  line-height: px2rem(96px);
  padding-left: px2rem(20px);
  box-sizing: border-box;
}
.description{
  background:#ffffff;
  font-size: px2rem(24px);
  line-height: px2rem(40px);
  padding: px2rem(20px);
  box-sizing: border-box;
}

.bottom-toolbar{
  height: px2rem(106px);
  width: 100%;
  background: #247fd9;
  position: fixed;
  left: 0px;
  bottom: 0px;
  display: -webkit-box;

  .fav{
    height: 100%;
    -webkit-box-flex: 1;
    p{
      height: 100%;
      width: px2rem(50px);
      padding-top: px2rem(16px);
      box-sizing: border-box;
      margin: 0 0 0 px2rem(70px);
      img{
        height: px2rem(38px);
        margin: 0 auto;
      }
      span{
        text-align: center;
        font-size: px2rem(24px);
        color: #ffffff;
        margin-top: px2rem(18px);
        display: inline-block;
      }

    }
  }
  .buy{
    width:px2rem(289px);
    text-align: center;
    line-height: px2rem(106px);
    background: #ff8920;
    color: #ffffff;
    font-size: px2rem(26px);
  }

}




